import React from 'react';
import { Toast, NavBar ,Tabs } from 'react-vant';
import { routerlist } from "../../router/index";
import { Outlet,Link } from "react-router-dom";
function Home() {
    return (
        <div>
            <NavBar
      title="我的订单"
      leftText=""
      rightText=""
      onClickLeft={() => Toast('返回')}
      onClickRight={() => Toast('按钮')}
    />
    <Tabs defaultActive={0}>
        {routerlist.map((item,index) => (
          <Tabs.TabPane key={index}  title={<Link to={item.path}>{item.meta.title}</Link>}>
            <Outlet />
          </Tabs.TabPane>
        ))}
      </Tabs>
        </div>
    );
}

export default Home;